<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>vivo智能手机官方网站-AI非凡摄影X27</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <link rel="stylesheet" href="css/nav.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/a.css"> </head>

<body>
   <!--   加载-->
<!--
    <div id="siteLoading" class="loading active">
        <div class="loading-animation">
            <div class="dong"> </div>
            <div class="dong2"> </div>
        </div>
    </div>
-->
    <!--    加载end-->
    <div class="topper clearfix">
        <div class="left fl"> <a href="c.html">品牌</a> <a href="">Funtouch OS</a> <a href="">体验店</a> <a href="">政企服务</a> <a href="a.html">社区</a> </div>
        <div class="right fr"> <a href="" class="car">购物车</a><a href="" class="k">登陆</a> <a href="">注册</a> </div>
    </div>
    <div class="header">
        <nav>
            <div class="container clearfix">
                <div class="logo fl"> <a href="index.html" class="ca">ViVO</a> </div>
                <ul class="li fl clearfix">
                    <li class="a"><a href="" class="ca">iQOO专区</a>
                        <div class="img clearfix">
                            <div class="zz">
                                <div class="cc fl">
                                    <a href=""> <img src="img/one.png" alt="" class="one"> <img src="img/one1.png" alt="" class="two"> <img src="img/one2.png" alt="" class="three"> <img src="img/one3.png" alt="" class="fore"> <img src="img/one5.png" alt="" class="five"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">IQOO</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="oo fl">
                                <div class="box">
                                    <div class="xian"></div>
                                    <div class="heng"></div>
                                </div>
                                <p class="a">全部IQOO机型</p>
                            </div>
                        </div>
                    </li>
                    <li class="b"><a href="" class="ca">NEX系列</a>
                        <div class="img">
                            <div class="zz">
                                <div class="aa fl">
                                    <a href=""> <img src="img/a1.png" alt="" class="one"> <img src="img/a2.png" alt="" class="two"> <img src="img/a3.png" alt="" class="three"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">NEX&NEX屏幕指纹版</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="dd fl">
                                    <a href=""> <img src="img/a4.png" alt="" class="one"> <img src="img/a5.png" alt="" class="two"> <img src="img/a7.png" alt="" class="three"> <img src="img/a8.png" alt="" class="fore"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">NEX旗舰版</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="aa fl">
                                    <a href=""> <img src="img/a9.png" alt="" class="one"> <img src="img/a10.png" alt="" class="two"> <img src="img/a11.png" alt="" class="three"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">NEX双屏款</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="oo fl">
                                <div class="box">
                                    <div class="xian"></div>
                                    <div class="heng"></div>
                                </div>
                                <p class="a">全部NEX机型</p>
                            </div>
                        </div>
                    </li>
                    <li class="c"> <a href="" class="ca">X系列</a>
                        <div class="img">
                            <div class="zz">
                                <div class="aa fl">
                                    <a href=""> <img src="img/a12.png" alt="" class="one"> <img src="img/a13.png" alt="" class="two"> <img src="img/a14.png" alt="" class="three"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">X27</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="aa fl">
                                    <a href=""> <img src="img/a15.png" alt="" class="one"> <img src="img/a16.png" alt="" class="two"> <img src="img/a17.png" alt="" class="three"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">X27pro</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="dd fl">
                                    <a href=""> <img src="img/a12.png" alt="" class="one"> <img src="img/a13.png" alt="" class="two"> <img src="img/a18.png" alt="" class="three"> <img src="img/a19.png" alt="" class="fore"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">X27 8GB+128GB 版</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="dd fl">
                                    <a href=""> <img src="img/a20.png" alt="" class="one"> <img src="img/a21.png" alt="" class="two"> <img src="img/a22.png" alt="" class="three"> <img src="img/a23.png" alt="" class="fore"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">X23幻彩版</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="cc fl">
                                    <a href=""> <img src="img/a24.png" alt="" class="one"> <img src="img/a25.png" alt="" class="two"> <img src="img/a26.png" alt="" class="three"> <img src="img/a27.png" alt="" class="fore"> <img src="img/a28.png" alt="" class="five"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">X23</p>
                                    </a>
                                </div>
                            </div>
                            <div class="oo fl">
                                <div class="box">
                                    <div class="xian"></div>
                                    <div class="heng"></div>
                                </div>
                                <p class="a">全部X机型</p>
                            </div>
                        </div>
                    </li>
                    <li class="d"> <a href="" class="ca">S系列</a>
                        <div class="img clearfix">
                            <div class="zz">
                                <div class="aa fl">
                                    <a href=""> <img src="img/b1.png" alt="" class="one"> <img src="img/b2.png" alt="" class="two"> <img src="img/b3.png" alt="" class="three"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">S1</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="aa fl">
                                    <a href=""> <img src="img/b4.png" alt="" class="one"> <img src="img/b5.png" alt="" class="two"> <img src="img/b6.png" alt="" class="three"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">S1Pro</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="oo fl">
                                <div class="box">
                                    <div class="xian"></div>
                                    <div class="heng"></div>
                                </div>
                                <p class="a">全部S机型</p>
                            </div>
                        </div>
                    </li>
                    <li class="e"> <a href="" class="ca">Z系列</a>
                        <div class="img clearfix">
                            <div class="zz">
                                <div class="dd fl">
                                    <a href=""> <img src="img/b7.png" alt="" class="one"> <img src="img/b8.png" alt="" class="two"> <img src="img/b9.png" alt="" class="three"> <img src="img/b10.png" alt="" class="fore"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">Z5x</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="dd fl">
                                    <a href=""> <img src="img/b11.png" alt="" class="one"> <img src="img/b12.png" alt="" class="two"> <img src="img/b13.png" alt="" class="three"> <img src="img/b14.png" alt="" class="fore"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">Z3x</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="cc fl">
                                    <a href=""> <img src="img/b15.png" alt="" class="one"> <img src="img/b16.png" alt="" class="two"> <img src="img/b17.png" alt="" class="three"> <img src="img/b18.png" alt="" class="fore"> <img src="img/b19.png" alt="" class="five"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">Z3</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="cc fl">
                                    <a href=""> <img src="img/b20.png" alt="" class="one"> <img src="img/b21.png" alt="" class="two"> <img src="img/b22.png" alt="" class="three"> <img src="img/b23.png" alt="" class="fore"> <img src="img/b24.png" alt="" class="five"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">Z3i标准版</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="dd fl">
                                    <a href=""> <img src="img/b25.png" alt="" class="one"> <img src="img/b26.png" alt="" class="two"> <img src="img/b27.png" alt="" class="three"> <img src="img/b28.png" alt="" class="fore"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">Z1青春版</p>
                                    </a>
                                </div>
                            </div>
                            <div class="oo fl">
                                <div class="box">
                                    <div class="xian"></div>
                                    <div class="heng"></div>
                                </div>
                                <p class="a">全部Z机型</p>
                            </div>
                        </div>
                    </li>
                    <li class="f"> <a href="" class="ca">Y系列</a>
                        <div class="img clearfix">
                            <div class="zz">
                                <div class="dd fl">
                                    <a href=""> <img src="img/c1.png" alt="" class="one"> <img src="img/c2.png" alt="" class="two"> <img src="img/c3.png" alt="" class="three"> <img src="img/c4.png" alt="" class="fore"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">Y3</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="aa fl">
                                    <a href=""> <img src="img/c5.png" alt="" class="one"> <img src="img/c6.png" alt="" class="two"> <img src="img/c7.png" alt="" class="three"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">Y91</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="cc fl">
                                    <a href=""> <img src="img/c8.png" alt="" class="one"> <img src="img/c9.png" alt="" class="two"> <img src="img/c10.png" alt="" class="three"> <img src="img/c11.png" alt="" class="fore"> <img src="img/c12.png" alt="" class="five"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">Y93s</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="dd fl">
                                    <a href=""> <img src="img/c13.png" alt="" class="one"> <img src="img/c14.png" alt="" class="two"> <img src="img/c15.png" alt="" class="three"> <img src="img/c16.png" alt="" class="fore"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">Y85</p>
                                    </a>
                                </div>
                            </div>
                            <div class="oo fl">
                                <div class="box">
                                    <div class="xian"></div>
                                    <div class="heng"></div>
                                </div>
                                <p class="a">全部Y机型</p>
                            </div>
                        </div>
                    </li>
                    <li class="g"> <a href="" class="ca">U系列</a>
                        <div class="img clearfix">
                            <div class="zz">
                                <div class="dd fl">
                                    <a href=""> <img src="img/d1.png" alt="" class="one"> <img src="img/d2.png" alt="" class="two"> <img src="img/d3.png" alt="" class="three"> <img src="img/d4.png" alt="" class="fore"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">U1</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="oo fl">
                                <div class="box">
                                    <div class="xian"></div>
                                    <div class="heng"></div>
                                </div>
                                <p class="a">全部U机型</p>
                            </div>
                        </div>
                    </li>
                    <div class="hidden"></div>
                </ul>
                <ul class="sh fl clearfix">
                    <li><a href="">商城</a></li>
                    <li><a href="">服务</a></li>
                    <li class="hh fr"><a href=""><i class="fa fa-search"></i></a></li>
                </ul>
            </div>
        </nav> 
    </div>
    <div class="main">
        <div class="search">
            <div class="container clearfix">
                <div class="s-left fl">
                    <h2>
                     <a href="">
                         <img src="img/shequ.png" alt="">
                     </a>
                 </h2> </div>
                <ul class="s-list fr clearfix">
                    <li><a href="" class="color">精选</a></li>
                    <li><a href="">论坛</a></li>
                    <li><a href="">板块</a></li>
                    <li><a href="">v摄影</a></li>
                    <li><a href="">v精华</a></li>
                    <li><a href="">排行榜</a></li>
                </ul>
                <div class="s-input fr">
                    <input type="text" placeholder="请输入搜索内容"> <i class="fa fa-search"></i> </div>
            </div>
        </div>
        <div class="banner">
            <div class="container">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="b-text"> <span>海风一瓢</span>
                                <h2>端午人间寻味</h2>
                                <div class="xian"></div>
                                <p>粽里寻他千百度万水千山粽是情端午时节，在一颗清甜软糯的粽子里寻一份家味，让我们一起来端午寻味...</p> <a href="">了解详情<span class="bb"></span></a> </div>
                            <div class="b-img">
                                <a href=""> <img src="img/lun1.jpg" alt=""> </a>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="b-text"> <span>哆唻爱梦的口袋</span>
                                <h2>六月签到，瓜分100000金豆</h2>
                                <div class="xian"></div>
                                <p>酷爽的六月里，vivo社区祝各位学子金榜题名。但是别忘了在三个月的假期里来到vivo社区签到哦，瓜分100000金豆...</p> <a href="">了解详情<span class="bb"></span></a> </div>
                            <div class="b-img">
                                <a href=""> <img src="img/lun2.jpg" alt=""> </a>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="b-text"> <span>刘靖中</span>
                                <h2>Z5x画点好玩赢手机</h2>
                                <div class="xian"></div>
                                <p>你一定知道vivo Z5x到底有多少实力吧？6.53英寸极点全面屏。别小看这一点，前置自拍全靠它，一起来玩一下吧...</p> <a href="">了解详情<span class="bb"></span></a> </div>
                            <div class="b-img">
                                <a href=""> <img src="img/lun3.jpg" alt=""> </a>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="b-text"> <span>a橙子i</span>
                                <h2>#幸运大抽奖#抽奖赢iQOO</h2>
                                <div class="xian"></div>
                                <p>爱的魔力转圈圈想你想到心花怒放黑夜白天可是我害怕爱情只是一瞬间转眼会不见我要慢慢...</p> <a href="">了解详情<span class="bb"></span></a> </div>
                            <div class="b-img">
                                <a href=""> <img src="img/lun4.jpg" alt=""> </a>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="b-text"> <span>嘿嘿嘿嘿嘿妹儿</span>
                                <h2>有奖活动丨高考加油，说说你与高考那些事儿</h2>
                                <div class="xian"></div>
                                <p>又是一年高考季，又一批学子将为梦想冲线！你还记得那一年高考，发生了什么让你记忆犹...</p> <a href="">了解详情<span class="bb"></span></a> </div>
                            <div class="b-img">
                                <a href=""> <img src="img/lun5.jpg" alt=""> </a>
                            </div>
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                    <!-- Add Arrows -->
                </div>
            </div>
        </div>
        <div class="warp">
            <div class="container clearfix">
                <div class="w-left fl">
                    <div class="w-nav"> <span>编辑推荐</span> </div>
                    <div class="bianji">
                        <div class="b-1 clearfix">
                            <div class="b1-l fl">
                                <a href=""> <img src="img/bl1.jpg" alt=""> </a>
                            </div>
                            <div class="b1-r fl"> <a href="" class="fe">
                                    精彩线下|vivo非凡新秀赛 为荣耀而战斗
                                </a>
                                <div class="info"> <a href=""><i class="fa fa-user-o">小影gqn</i></a> <a href=""><i class="fa fa-eye">2180</i></a> <a href=""><i class="fa fa-commenting">191</i></a> </div>
                                <div class="tq">
                                    <p> 帅气的控球，精准的投球你的主场，谁与争锋！激烈的角逐，竭尽全力，为荣耀而战。这就是属于你们的非凡刻！期待总决赛中你们精彩的表现。 </p>
                                </div>
                                <div class="b-box"><a href="">Read More</a></div>
                            </div>
                        </div>
                        <div class="xu"></div>
                        <div class="b-1 clearfix">
                            <div class="b1-l fl">
                                <a href=""> <img src="img/bl2.jpg" alt=""> </a>
                            </div>
                            <div class="b1-r fl"> <a href="" class="fe">
                                    逆光专题|X27让您逆光也可以如此之美
                                </a>
                                <div class="info"> <a href=""><i class="fa fa-user-o">yy185</i></a> <a href=""><i class="fa fa-eye">2742</i></a> <a href=""><i class="fa fa-commenting">32</i></a> </div>
                                <div class="tq">
                                    <p> 光是最隐秘也是最百变的滤镜，而逆光是摄影艺术对光线变化最极致的讲究。现在让我们来欣赏，逆光的美吧！ </p>
                                </div>
                                <div class="b-box"><a href="">Read More</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="w-nav"> <span>V粉评测</span> </div>
                    <div class="pingce clearfix">
                        <div class="p-l fl">
                            <div class="p-im">
                                <a href="" class="ji"> <img src="img/cc1.jpg" alt=""> <span></span> </a>
                            </div> <a href="" class="p-a">iQOO强势上位，44W快充就是这么牛</a> </div>
                        <div class="p-r fl">
                            <div class="p-im">
                                <a href="" class="ji"> <img src="img/cc2.jpg" alt=""> <span></span> </a>
                            </div> <a href="" class="p-a">强悍iQOO上手，体验非凡电竞感觉</a> </div>
                    </div>
                    <div class="xu"></div>
                    <div class="jianjie clearfix">
                        <div class="j-l fl clearfix">
                            <div class="jl-img fl">
                                <a href=""> <img src="img/cc3.jpg" alt=""> </a>
                            </div>
                            <div class="jl-tet fl"> <a href="">vivo X27优雅的孔雀翎羽</a>
                                <p>vivo X27将科技新美学演绎到底，充满了纯粹、艺术、精致、唯美的产品气质。</p>
                                <div class="ino"> <i class="fa fa-eye">19948</i> <a href="" class="jl-c">Read More</a> </div>
                            </div>
                        </div>
                        <div class="j-r fl">
                            <div class="jl-img fl">
                                <a href=""> <img src="img/cc4.jpg" alt=""> </a>
                            </div>
                            <div class="jl-tet fl"> <a href="">vivo X27不一样的雀羽蓝</a>
                                <p>X27作为今年全新打造的X系列新机，在增加了可玩性的同时，又让我们看到了vivo的实力</p>
                                <div class="ino"> <i class="fa fa-eye">19586</i> <a href="" class="jl-c">Read More</a> </div>
                            </div>
                        </div>
                    </div>
                    <div class="w-nav"> <span>V粉玩机</span> </div>
                    <div class="photo clearfix">
                        <div class="p-img fl">
                            <a href=""> <img src="img/z1.png" alt=""> </a>
                            <div class="p-jj"> <i class="fa fa-eye">80520</i>
                                <p> vivo手机省电三招，带你快速省电</p> <a href="">查看全文</a> </div>
                        </div>
                        <div class="p-img fl">
                            <a href=""> <img src="img/z2.png" alt=""> </a>
                            <div class="p-jj"> <i class="fa fa-eye">92318</i>
                                <p> 电池这些事，你必须要知道</p> <a href="">查看全文</a> </div>
                        </div>
                        <div class="p-img fl">
                            <a href=""> <img src="img/z3.png" alt=""> </a>
                            <div class="p-jj"> <i class="fa fa-eye">50386</i>
                                <p> 手机续航不给力，只怪你没学会这些方法</p> <a href="">查看全文</a> </div>
                        </div>
                        <div class="p-img fl">
                            <a href=""> <img src="img/z4.png" alt=""> </a>
                            <div class="p-jj"> <i class="fa fa-eye">281557</i>
                                <p> 1招解决收到通知不提醒，工作娱乐两不误</p> <a href="">查看全文</a> </div>
                        </div>
                        <div class="p-img fl">
                            <a href=""> <img src="img/z5.png" alt=""> </a>
                            <div class="p-jj"> <i class="fa fa-eye">43279</i>
                                <p> 如何用手机拍出有质感的照片？</p> <a href="">查看全文</a> </div>
                        </div>
                        <div class="p-img fl">
                            <a href=""> <img src="img/z6.png" alt=""> </a>
                            <div class="p-jj"> <i class="fa fa-eye">80520</i>
                                <p> vivo手机省电三招，带你快速省电</p> <a href="">查看全文</a> </div>
                        </div>
                    </div>
                </div>
                <div class="w-right fl">
                    <div class="w-nav"><span>热门标签</span></div>
                    <div class="w-xuan"> <a href="">X23</a> <a href="" class="one">主题</a> <a href="">摄影</a> <a href="">NEX</a> <a href="" class="two">Z3</a> <a href="">Z1</a> <a href="">图赏</a> <a href="">玩机</a> <a href="" class="three">Funtouch OS</a> <a href="" class="fore">壁纸</a> <a href="">评测</a> <a href="">字体</a> </div>
                    <div class="w-nav"><span>售后服务</span></div>
                    <div class="s-end">
                        <ul class="clearfix">
                            <li><a href=""> 
                            小V
                            </a></li>
                            <li><a href=""> 微信
                            </a></li>
                            <li><a href=""> 微博
                            </a></li>
                        </ul>
                        <p>24小时售后服务热线 :400-678-9688</p>
                    </div>
                    <div class="w-nav"><span>热门板块</span></div>
                </div>
            </div>
        </div>
        <div class="pho">
           <div class="container">
            <div class="po">
                <a href="">
                    <img src="img/111.jpg" alt="">
                    <div class="po-s"> 
                        <div class="on"></div>
                        <div class="tw"></div>
                        <div class="th"></div>
                        <div class="fo"></div>
                    </div>
                </a>
            </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="container clearfix">
          <ul class="fl clearfix">
              <li>
                    <dl>
                        <dt>热门链接</dt>
                        <dd>X27</dd>             
                        <dd>iQOO</dd>             
                        <dd>Z3</dd>             
                        <dd>vivo摄影</dd>             
                        <dd>查找手机</dd>             
                        <dd>常见问题</dd> 
                    </dl>
                </li>
              <li>
                    <dl>
                        <dt>在线购买</dt>
                        <dd>官方商城</dd>
                        <dd>选购手机</dd>             
                        <dd>选购配件</dd>             
                        <dd>政企服务</dd>             
                        <dd>以旧换新</dd>             
                        <dd>服务保障</dd>  
                    </dl>
                </li>
              <li>
                    <dl>
                        <dt>服务支持</dt>
                        <dd>服务首页</dd>             
                        <dd>服务网点查询</dd>             
                        <dd>真伪查询</dd>             
                        <dd>服务政策</dd>             
                        <dd>预约维修</dd>             
                        <dd>维修配件价格</dd> 
                    </dl>
                </li>
              <li>
                    <dl>
                        <dt>Vivo社区</dt>
                        <dd>社区首页</dd>             
                        <dd>摄影专区</dd>             
                        <dd>微博</dd>             
                        <dd>贴吧</dd>             
                        <dd>兴趣部落</dd>   
                    </dl>
                </li>
               <li>
                    <dl>
                        <dt>关于vivo</dt>
                        <dd>vivo简介</dd>             
                        <dd>工作机会</dd>             
                        <dd>新闻资讯</dd>             
                        <dd>采购平台</dd>             
                        <dd>开放平台</dd>   
                    </dl>
                </li> 
          </ul>
          <div class="ft fr">
              <a href="" class="ftr"><i class="fa fa-commenting-o">在线客服</i></a>
              <span>400-678-9688</span>
              <p>24小时全国服务热线</p>
              <div class="wer">
                  <span>关注vivo</span><i class="fa fa-weibo"></i><i class="fa fa-weixin"></i><i class="fa fa-qq"></i>
              </div>
          </div>
        </div>
        <div class="container">
            <div class="end">
              <p>Copyright ©2011-2019 广东步步高电子工业有限公司 版权所有 保留一切权利 | 隐私政策 | 法律声明 | 粤B2-20080267 | 粤ICP备05100288号 <a href=""></a> | 中国</p>
          </div>
        </div>
    </footer>
    <script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
    <script src="js/a.js"></script>
</body>

</html>